body {
  margin: 0;
  padding: 0;
}

.page {
  width: 1280px;
  height: 720px;
  margin: 0;
  padding: 0;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  transition: all 1s;
  overflow: hidden;
  background-color: yellow;

}

.container {

  width: 1280px;
}

.row {
  margin-right: auto;
  margin-left: auto;
  width: 1219px;

}

.vitem>img {
  width: 100%;
}

.row_h_160 {
  height: 160px
}

.row_h_180 {
  height: 180px
}

.row_h_335 {
  height: 335px
}

.row_h_240 {
  height: 240px
}

.row_h_20 {
  height: 20px
}
.colvip{
  height: 35px;
  width: 110px;
}


.col_6 {
  background-color: red;
  width: 600px;
  float: left;
}

.col_3 {
  background-color: blue;
  width: 322px;
  float: left;
}



.row {
  display: table;
  table-layout: fixed;
  width: 1236px;
  margin-right: auto;
  margin-left: auto;
  margin-top: 20px;

}

.col {
  display: table-cell;
  height: 100%;
}


.col+.col {
  /*padding-left: 16px;*/
}

.col1 {
  width: 90px;
}

.col2 {
  width: 177px;
}

.col3 {
  width: 290px;
}

.col3 .item {
  width: 290px;
}

.col3 .mask {
  width: 290px;
}

.col4 {
  width: 387px;
}

.col5 {
  width: 450px;
}

.col6 {
  width: 598px;
}
.col6 .item {
  width: 598px;
}
.col6 .mask {
  width: 598px;
}

.col7 {
  width: 630px;
}

.col8 {
  width: 720px;
}

.col9 {
  width: 810px;
}

.col10 {
  width: 900px;
}

.col11 {
  width: 990px;
}

.col12 {
  width: 1215px;
}

.vitem {
    position: relative;

}

.vitem>div {

  margin: 5px;
}

.vitem>div>img {
  width: 100%;
}

    .vitem > .item {
        position: absolute;
        left: 0px;
        top: 0px;
        border-radius: 15px;
        overflow:hidden;
    }

.vitem .maskImg {
  display: none;

}

#dialog .vitem>.item{
  position: relative;
}
#dialog .vitem>.mask{
  position: relative;
}

.active {}

.active>.mask {
  display: block;
  position: absolute;
  left: 0px;
  top: 0px;
  height: 100%;
  border-radius: 15px;
  box-sizing: border-box;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  /* Firefox */
  -webkit-box-sizing: border-box;
  /* Safari */
  outline: none;
  border: #fff 8px solid;
  box-shadow: 0 0 25px #fdf102;
}

.active>.maskImg {
  display: block;
  position: absolute;
  left: 0px;
  top: 0px;
}

.active>.maskImg>img {
  width: 100%;
}
